<template>
    <div style="width:1350px;background-color:black;padding:25px">
        <div class="contentBox" v-for="(item,index) in info" :key="index">
            <h3>{{item.title}}</h3>
            <p>{{item.description}}</p>
            <p>{{item.articalContent}}</p>
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            info:'123'
        }
    },
    mounted:function(){
        this.$axios.get("/api/getArtical",{
              params:{
                  info:this.$route.query.info
              }
          }).then(res=>{
              if(res.data==''){
                  alert("没有找到你想要的内容");
                  this.$router.push("/HomePage")
              }
              this.info=res.data
              console.log(res.data)
          })
    }
}
</script>
<style scoped>
.contentBox{
    width:800px;
    margin:0 auto;
    margin-bottom: 25px;
    background-color: black;
    color:white;
    border:1px solid aqua
    
}
.contentBox p{
    font-size:20px;
}
</style>